<template>


	<view class="wbbox">
		<!-- 头部标题 -->
		<view class="title">全义圣空调金牌服务中心</view>

		<!-- 内容 -->
		<view class="content">
			<!-- 顶部标题 -->
			<view class="gz_title">服务工程师工作证</view>

			<!-- 图片 -->
			<view>
				<image class="img"  :src="imgsrc"></image>
			</view>

			<!-- 用户属性 -->
			<view class="user">
				<text class="user_ty">姓&nbsp;&nbsp;&nbsp;&nbsp;名:{{user.username}}</text>
				<text class="user_ty">工&nbsp;&nbsp;&nbsp;&nbsp;号:{{user.userworknum}}</text>
				<text class="user_ty">服务热线:{{user.userline}}</text>
			</view>

			<!-- 认证图标 -->
			<view class="rzimg_icons">
				<image class="imgicons" src="../../static/icon/renzheng.png"></image>
				<text class="imgiconstext">{{code}}</text>
			</view>
			<view class="xiugai">
				<text v-if="code=='驳回'?true:false" @click="btn_xg">修改</text>
			</view>
		</view>


	</view>


</template>

<script>
	export default {
		data() {
			return {
				// 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1802837304,3151282232&fm=26&gp=0.jpg'
				imgsrc: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1802837304,3151282232&fm=26&gp=0.jpg', //图片地址
				user: {
					username: '隆隆', //姓名
					userworknum: 'NN198877', //工号
					userline: '400888888', //服务热线
				},
				code: '认证中', //认证状态  已认证 认证中
			}
		},
		methods: {
			btn_xg() {
                  uni.navigateTo({
                  	url:'../Dzwork/Dzwork'
                  })
			}
		}
	}
</script>

<style>
	page {
		background-color: #EEEEEE;
	}

	.wbbox {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom: 0px;
		height: 600px;
	}

	.title {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		font-family: 黑体;
		background-color: #ff0000;
		margin-top: 60rpx;
		padding: 20px 62px;
		color: #ffffff;
	}

	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #ffffff;
		font-family: 黑体;
		padding: 15px 51px;
		margin: 0px 50px 20px;
		padding-bottom: 0px;
		height: 400px;

	}

	/* 服务工程师工作证样式 */
	.gz_title {
		padding-top: 10px;
		padding-bottom: 15px;
		/* background-color: #4CD964; */
	}

	/* 图片 */
	.img {
		background-color: #EEEEEE;
		width: 170px;
		height: 200px;
		border: solid 1px #aaaaa4;

	}

	/* 用户的属性样式 */
	.user {
		display: flex;
		flex-direction: column;
		font-size: 13px;
		position: relative;
		right: 45px;
		padding-top: 20px;

		/* background-color: #555555; */

	}

	.user_ty {
		padding-bottom: 5px;
	}

	.rzimg_icons {
		//弹性布局
		display: flex;
		flex-direction: column;
		align-items: center;

		//相对定位
		position: absolute;
		right: 55px;
		bottom: 205px;
	}

	.imgicons {
		width: 90px;
		height: 85px;
	}

	.imgiconstext {
		color: #ffaa00;
		font-size: 14px;
		margin-top: 5px;
		text-align: center;
	}

	.xiugai {

		font-size: 14px;
		color: #007AFF;

		position: relative;
		left: 110px;
		bottom: 10px;

		margin: 0px;
		padding: 0px;
	}
</style>
